<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/首页.css"/>
		<link rel="stylesheet" href="css/iconfont.css" />
	</head>
	<body>
		<nav>
			<div class="container">
				<ul class="left">
					<li><a href="#">关于荣耀</a></li>
					<li><a href="#">新闻</a></li>
					<li><a href="#">荣耀官网</a></li>
					<li><a href="#">会员</a></li>
					<li><a href="#">企业购</a></li>
					<li><a href="#">荣耀俱乐部</a></li>
				</ul>
				<ul class="right">
					<li>
						<a href="登录页.html">登录</a>
						<div class="line"></div>
						<a href="注册.html">我的订单</a></li>
					<li class="three">
						<a href="购物车.html"><div class="iconfont icon-gouwuche"></div>购物车</a>
						<div>
							<div class="iconfont icon-gouwuche"></div>
						</div>
					</li>
					<li class="last">
						<a href="#">手机端</a>
						<div class="shaoma">
							<div>
								<img src="img/01.png" alt="" />
								<div>
									<h2>荣耀商城APP</h2>
									<p>新人专享好礼<br />
										免费领79元耳机
									</p>
								</div>
							</div>
							<div>
								<img src="img/02.jpg" alt="" />
								<div>
									<h2>荣耀商城公众号</h2>
									<p class="p2">微信扫一扫</p>
								</div>
							</div>
							<div class="no_border">
								<img src="img/03.jpg" alt="" />
								<div>
									<h2>微信小程序</h2>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</nav>
		<header>
			<div class="container">
				<div class="left">
					<img src="img/logo.png"/>
					<ul>
						<li><a href="#">荣耀50</a></li>
						<li><a href="#">数码新品</a></li>
						<li><a href="#">新人有礼</a></li>
					</ul>
				</div>
				<div class="right">
						<input type="text" name="1" value="" placeholder="荣耀50 荣耀v40" />
						<a href="#"><div class="iconfont icon-sousuo"></div></a>
				</div>
			</div>
		</header>
		<div class="banner">
			<img src="img/banner.jpg" alt="" />
			<div class="container">
				<ul>
					<li><a href="#">手机</a><a href="#">></a></li>
					<li><a href="#">手机</a><a href="#">></a></li>
					<li><a href="#">手机</a><a href="#">></a></li>
					<li><a href="#">手机</a><a href="#">></a></li>
					<li><a href="#">手机</a><a href="#">></a></li>
					<li><a href="#">手机</a><a href="#">></a></li>
					<li><a href="#">手机</a><a href="#">></a></li>
					<li><a href="#">手机</a><a href="#">></a></li>
					<li><a href="#">手机</a><a href="#">></a></li>
				</ul>
				<div class="bot">
					<div class="left">
						<img src="img/07.png" alt="" />
						<div>
							<p>
								你好！请 <a href="#">登录</a> / <a href="#">注册</a>
							</p>
							<a href="#">新人福利</a><a href="#">会员频道</a>
						</div>
					</div>
					<ul>
						<li class="itme1"><a href="#"><span></span><p>会员领券</p></a></li>
						<li class="itme2"><a href="#"><span></span><p>会员领券</p></a></li>
						<li class="itme3"><a href="#"><span></span><p>会员领券</p></a></li>
						<li class="itme4"><a href="#"><span></span><p>会员领券</p></a></li>
						<li class="itme5"><a href="#"><span></span><p>会员领券</p></a></li>
						<li class="itme6"><a href="#"><span></span><p>会员领券</p></a></li>
					</ul>
					<div class="right">
						<div class="r_top">
							<div class="gonggao">公告</div>
							<div class="gundong">
								<ul>
									<li><a href="#">新人频道活动公告</a></li>
									<li><a href="">荣耀50系列全款预售活动中奖名单公布</a></li>
									<li><a href="#">8月份荣耀50系列活动公告</a></li>
								</ul>
							</div> 
						</div>
						<ul>
							<li class="itme1"><a href="#"><span></span>优购码</a></li>
							<li class="itme2"><a href="#"><span></span>我的订单</a></li>
							<li class="itme3"><a href="#"><span></span>补够保障</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<aside>
			<a href="#">
				<div class="iconfont icon-gouwuche"></div>
				<span>购物车</span>
			</a>
			<a href="#">
				<div class="iconfont icon-kefu"></div>
				<span>在线客服</span>
			</a>
			<a href="#">
				<div class="iconfont icon-nav-self-service"></div>
				<span>自助服务</span>
			</a>
		</aside>
		<section>
			<div class="container">
				<div class="sec1">
					<a href="#">
						<img src="img/shouji.png" alt="" />
					</a>
					<a href="#">
						<img src="img/shouji.png" alt="" />
					</a>
					<a href="#">
						<img src="img/shouji.png" alt="" />
					</a>
					<a href="#">
						<img src="img/shouji.png" alt="" />
					</a>
				</div>
				<div class="sec2">
					<div class="top">
						<h2>限时购</h2>
						<p>距结束 &nbsp;&nbsp;<span>10:40:39</span></p>
					</div>
					<div class="bot">
						<a href="#">
							<div>
								<img src="img/luyouqi.png" alt="" />
								<p>新品优惠20元</p>
							</div>
							<p>荣耀路由3 SE</p>
							<p>¥219</p>
						</a>
						<a href="#">
							<div>
								<img src="img/luyouqi.png" alt="" />
								<p>新品优惠20元</p>
							</div>
							<p>荣耀路由3 SE</p>
							<p>¥219</p>
						</a>
						<a href="#">
							<div>
								<img src="img/luyouqi.png" alt="" />
								<p>新品优惠20元</p>
							</div>
							<p>荣耀路由3 SE</p>
							<p>¥219</p>
						</a>
						<a href="#">
							<div>
								<img src="img/luyouqi.png" alt="" />
								<p>新品优惠20元</p>
							</div>
							<p>荣耀路由3 SE</p>
							<p>¥219</p>
						</a>
						<a href="#">
							<div>
								<img src="img/luyouqi.png" alt="" />
								<p>新品优惠20元</p>
							</div>
							<p>荣耀路由3 SE</p>
							<p>¥219</p>
						</a>
					</div>
				</div>
				<div class="sec3">
					<h2>热销单品</h2>
					<div class="bot">
						<div class="left">
							<a href="#">
								<img src="img/rongyao50.png"/>
							</a>
						</div>
						<div class="right">
							<a href="">
								<img src="img/x20.png" alt="" />
								<p class="p1">荣耀X20 SE</p>
								<p class="p2">6400万高清三摄</p>
								<p class="p3">¥1799</p>
							</a>
							<a href="">
								<img src="img/x20.png" alt="" />
								<p class="p1">荣耀X20 SE</p>
								<p class="p2">6400万高清三摄</p>
								<p class="p3">¥1799</p>
							</a>
							<a href="">
								<img src="img/x20.png" alt="" />
								<p class="p1">荣耀X20 SE</p>
								<p class="p2">6400万高清三摄</p>
								<p class="p3">¥1799</p>
							</a>
							<a href="">
								<img src="img/x20.png" alt="" />
								<p class="p1">荣耀X20 SE</p>
								<p class="p2">6400万高清三摄</p>
								<p class="p3">¥1799</p>
							</a>
							<a href="">
								<img src="img/x20.png" alt="" />
								<p class="p1">荣耀X20 SE</p>
								<p class="p2">6400万高清三摄</p>
								<p class="p3">¥1799</p>
							</a>
							<a href="">
								<img src="img/x20.png" alt="" />
								<p class="p1">荣耀X20 SE</p>
								<p class="p2">6400万高清三摄</p>
								<p class="p3">¥1799</p>
							</a>
							<a href="">
								<img src="img/x20.png" alt="" />
								<p class="p1">荣耀X20 SE</p>
								<p class="p2">6400万高清三摄</p>
								<p class="p3">¥1799</p>
							</a>
							<a href="">
								<img src="img/x20.png" alt="" />
								<p class="p1">荣耀X20 SE</p>
								<p class="p2">6400万高清三摄</p>
								<p class="p3">¥1799</p>
							</a>
						</div>
					</div>
				</div>
				<div class="sec4">
					<img src="img/new.png" alt="" />
					<div class="top">
						<div class="t1">
							<h2>手机</h2>
							<ul>
								<li><a href="#">荣耀V系列</a></li>
								<li><a href="#">荣耀数字系列</a></li>
								<li><a href="#">荣耀X系列</a></li>
								<li><a href="#">荣耀Play系列</a></li>
							</ul>
						</div>
						<div class="t2">
							<a href="#">查看更多></a>
						</div>
					</div>
					<div class="bot">
						<a href="#" class="a1">
							<img src="img/x10.jpg" alt="" />
						</a>
						<a href="#">
								<img src="img/v40.png" alt="" />
								<p class="p1">荣耀V40轻奢版</p>
								<p class="p2">晒单限量送耳机</p>
								<p class="p3">¥2999</p>
						</a>
						<a href="#">
								<img src="img/v40.png" alt="" />
								<p class="p1">荣耀V40轻奢版</p>
								<p class="p2">晒单限量送耳机</p>
								<p class="p3">¥2999</p>
						</a>
						<a href="#">
								<img src="img/v40.png" alt="" />
								<p class="p1">荣耀V40轻奢版</p>
								<p class="p2">晒单限量送耳机</p>
								<p class="p3">¥2999</p>
						</a>
					</div>
					<div class="copy"></div>
					<!--复制-->
					<div class="top">
						<div class="t1">
							<h2>笔记本电脑</h2>
							<ul>
								<li><a href="#">荣耀MagicBook系列</a></li>
								<li><a href="#">荣耀MagicBook Pro系列</a></li>
								<li><a href="#">荣耀猎人游戏本系列</a></li>
							</ul>
						</div>
						<div class="t2">
							<a href="#">查看更多></a>
						</div>
					</div>
					<div class="bot" style="flex-wrap: wrap; height: 604px;">
						<a href="#" class="a1">
							<img src="img/MagicBook.png" alt="" />
						</a>
						<a href="#">
								<img src="img/MagicBook15.png" alt="" />
								<p class="p1">荣耀MagicBook 15 2021 锐龙版</p>
								<p class="p2">100%色域护眼全面屏 </p>
								<p class="p3">¥4599</p>
						</a>
						<a href="#">
								<img src="img/荣耀MagicBook X 14.png" alt="" />
								<p class="p1">荣耀MagicBook X 14</p>
								<p class="p2">全金属轻薄机身</p>
								<p class="p3">¥3399</p>
						</a>
						<a href="#">
								<img src="img/v40.png" alt="" />
								<p class="p1">荣耀V40轻奢版</p>
								<p class="p2">晒单限量送耳机</p>
								<p class="p3">¥2999</p>
						</a>
						<a href="#">
								<img src="img/荣耀笔记本14 2021.png" alt="" />
								<p class="p1">荣耀笔记本14 2021新款</p>
								<p class="p2">11代酷睿强劲处理器 </p>
								<p class="p3">¥4899</p>
						</a>
						<a href="#">
								<img src="img/荣耀笔记本14 2021.png" alt="" />
								<p class="p1">荣耀笔记本14 2021新款</p>
								<p class="p2">11代酷睿强劲处理器 </p>
								<p class="p3">¥4899</p>
						</a>
						<a href="#">
								<img src="img/荣耀笔记本14 2021.png" alt="" />
								<p class="p1">荣耀笔记本14 2021新款</p>
								<p class="p2">11代酷睿强劲处理器 </p>
								<p class="p3">¥4899</p>
						</a>
						<a href="#">
								<img src="img/荣耀笔记本14 2021.png" alt="" />
								<p class="p1">荣耀笔记本14 2021新款</p>
								<p class="p2">11代酷睿强劲处理器 </p>
								<p class="p3">¥4899</p>
						</a>
						<a href="#">
								<img src="img/荣耀笔记本14 2021.png" alt="" />
								<p class="p1">荣耀笔记本14 2021新款</p>
								<p class="p2">11代酷睿强劲处理器 </p>
								<p class="p3">¥4899</p>
						</a>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="container">
				<ul>
					<li>
						<a href="#" class="a1"><img src="img/QQ图片20210803192723_03.png" alt="" /></a>
						<a href="#">官方商城 品质保证</a>
					</li>
					<li>
						<a href="#" class="a1"><img src="img/QQ图片20210803192723_04.png" alt="" /></a>
						<a href="#">7天退货 15天换货</a>
					</li>
					<li>
						<a href="#" class="a1"><img src="img/QQ图片20210803192723_05.png" alt="" /></a>
						<a href="#">48元起免运费</a>
					</li>
					<li>
						<a href="#" class="a1"><img src="img/QQ图片20210803192723_06.png" alt="" /></a>
						<a href="#">1800+服务店 全国联保</a>
					</li>
				</ul>
				<div class="middle">
					<div class="m_top">
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
					</div>
					<div class="box">
						<div class="iconfont icon-kefu"></div>
						<a href="">在线客服</a>
						<h2>400-078-8888</h2>
						<p>商城服务热线</p>
						<span>关注荣耀:</span>
						<img src="img/02.jpg" alt="" />
					</div>
				</div>
				<div class="bot">
					<ul>
						<li><a href="#">隐私声明</a></li>
						<li><a href="#">使用条款</a></li>
						<li><a href="#">关于cookies</a></li>
					</ul>
					<p>版权所有  ©  荣耀终端有限公司  2021 保留一切权利 </p>
					<p>
						<a href="#">粤ICP备20047157号</a>
						<a href="#">粤公网安备  44030702003447号</a>
					</p><br />
					<p>增值电信业务许可证：粤B2-20201081 </p>
					<img src="img/gongan.png"/>
				</div>
			</div>
		</footer>
	</body>
</html>
